
.head-table-box {
    background: #E5EDF2;
    .head-table {
        // overflow-x: scroll;
        // overflow-y: hidden;
        // margin-bottom: -21px;
        overflow: hidden;
        width: calc(100% - 20px);
    }
}

thead {
    table-layout: auto;
    width: 100%;
    display: table-header-group;
    th{
        background: #E5EDF2;
    }
}
tbody{
    display: block;
    tr{
        display: table;
        width: 100%;
    }
}
.table {
    background: #E5EDF2;
}
.scroll{
    width: calc(100% - 20px);
}
.content {
    &:nth-child(odd) {
        td {
            background: #F4F6F9;
        }
    }
    &:nth-child(even) {
        td {
            background: #FFFFFF;
        }
    }
    &:hover {
        td {
            background: #CCF0E7;
        }
    }
}
.shadow {
    box-shadow: 4px 0 4px 0 rgba(0, 0, 0, 0.05);
}